12+ Свидетельство СМИ ЭЛ № ФС 77 - 70917 Лицензия на образовательную деятельность №0001058 |
Пользовательское соглашение Контактная и правовая информация |
Даньшов Александр Константинович276 Руководитель профессионально-методического объединения "Информатика и вычислительная техника", преподаватель АУ "Сургутский политехнический колледж" Россия, Ханты-Мансийский АО, Сургут |
UI- и UX-ДИЗАЙН, КАК СТРУКТУРНАЯ ЕДИНИЦА ФИРМЕННОГО СТИЛЯ И БРЕНДБУКА
Поляков И.А., 943 гр., II курс
АУ «Сургутский политехнический колледж»
Специальность: 09.01.03 «Мастер по обработке цифровой информации»
Руководитель: Даньшов А.К.,
мастер п/о
Бурное развитие информационных и цифровых технологий открывает перед графическим и веб-дизайнами практически безграничные перспективы, связанные с разработкой веб-ресурсов и графических интерфейсов. Графический и веб-дизайны чрезвычайно динамичны по своей природе, ведь проблемы, темы, идеи и задачи, с которыми сталкивается дизайнер, сменяют друг друга со скоростью, немыслимой в других видах дизайна. Веб дизайн становится языком коммуникации, предполагающий, что дизайнер способен к быстрому и успешному выстраиванию коммуникации с будущим пользователей уже на первых этапах работы, одним из которых является проектирование и дальнейшая непосредственная визуализация задуманного и продуманного. Таким образом, в настоящие время приобретает большое значение в современном мире изучение и рассмотрение всех возможностей веб-дизайна, его этапов, а также новых особенностей при работе, такие как UI- и UX-дизайн, что показывает значимость данной работы.
Цель исследования определить место UI- и UX-дизайна при создании фирменного стиля и брендбука.
Объект исследования фирменный стиль.
Предмет исследования UI- и UX-дизайн.
Задачи исследования:
Изучить понятия брендбука и фирменного стиля в web-дизайне.
Рассмотреть особенности UI- и UX-дизайна.
Определить этапы разработки web-дизайна и место UI- и UX-дизайна в данном процессе.
Проанализировать важность UI- и UX-дизайна по отношению к создаваемому фирменному стилю и брендбуку.
Гипотеза: Предполагается, что UI- и UX-дизайн занимают важную часть на этапе проектирования и разработки web-дизайна.
Методы исследования:
изучение и обобщение;
тестирование;
сравнительный анализ;
гипотетический метод.
Практическая значимость данной работы заключается в том, что результаты исследования могут быть профильно использованы в дальнейшем при работе и разработке с web-дизайном.
После изучения понятия «фирменный стиль» и «брендбук» можно сделать вывод, что фирменный стиль можно считать частью брендбука, он является визуальной идентификацией бренда, как бренд выглядит. Брендбук же в свою очередь – это фундаментальный документ, содержащий позиционирование бренда, его вербальную и визуальную идентификацию. Разработка фирменного стиля предполагает, что у компании или продукта уже есть позиционирование и идентификация. Брендбук предполагает переработку позиционирования вместе с идентификацией. В современном цифровом мире особую роль играет веб-сайт, который построен согласно фирменному стилю и правилам, описанным брендбуком. К основным этапам создания веб-сайта относят девять пунктов, одним из которых является этап проектирование и прототипирования, он же UX дизайн. UX-дизайн отвечает за функции, адаптивность продукта и то, какие эмоции он вызывает у пользователей. Чем понятнее интерфейс, тем легче пользователю получить результат и совершить целевое действие. UI-дизайн представляет собой процесс визуализации прототипа, который разработали на основании пользовательского опыта и исследования целевой аудитории.
Если говорить про особенности разработки и работы с данными типами дизайнов (рисунок 1), то UI-дизайн – это работа с визуальной частью дизайна, а UX – занимается продумыванием логики взаимодействия пользователя с продуктом, анализируя, тестируя интерфейс, делая его более удобным.
Рисунок 1 – Особенности UX и UI дизайнов.
Стоит учитывать, что разница между UX, UI и графическим дизайном в том, что это разные фронты работ в едином диджитал-бренде. UX – больше про повышение эффективности людей с помощью диджитал-инструментов, UI – про дизайн комфортных и функциональных интерфейсов. Неудобный IT-продукт, который можно считать неотъемлемой частью фирменного стиля и соответственно бренука, это риск проиграть конкурентную борьбу на рынке. Качественный UX дизайн помогает проектам развиваться, привлекает клиентов, увеличивает прибыль и сокращает издержки. Дизайн, учитывающий удобство и эмоциональный отклик пользователя, делает цифровое пространство более комфортным. Именно на это и направлены в совокупности UX, UI дизайны.
Список используемой литературы:
1. Алексеев, А. Г. Дизайн-проектирование: учебное пособие для среднего профессионального образования / А. Г. Алексеев. — 2-е изд. — Москва: Издательство Юрайт, 2020. — 90 с. — (Профессиональное образование). — ISBN 978-5-534-11134-7. — Текст: электронный // ЭБС Юрайт [сайт]. — URL:
2. Основы дизайна и композиции: современные концепции: учебное пособие для среднего профессионального образования / Е. Э. Павловская [и др.]; ответственный редактор Е. Э. Павловская. — 2-е изд., перераб. и доп. — Москва: Издательство Юрайт, 2020. — 119 с. — (Профессиональное образование). — ISBN 978-5-534-11671-7. — Текст: электронный // ЭБС Юрайт [сайт]. — URL:
3. Статья «12 инструментов и сайтов для UI/UX дизайнеров». Хабр. [Электронный ресурс]. URL:
4. Статья «13 принципов брендинга». CREATBRAND. [Электронный ресурс]. URL:
5. Статья «UX и UI дизайн». DIUS. [Электронный ресурс]. URL:
6. Статья «UX и UI дизайн». iGitGap. [Электронный ресурс]. URL:
7. Статья «UX-стратегия на практике. Часть 3 — Платформенное мышление». Юрий Ветров об интерфейсах. [Электронный ресурс]. URL:
8. Статья «Брендбуки: примеры брендбуков известных компаний».
9. Статья «Что такое UX/UI дизайн, или как сделать посетителю сайта приятно». Idbi. [Электронный ресурс]. URL:
10. Статья «Что такое UX/UI-дизайн и как попасть в эти профессии». Skillbox. [Электронный ресурс]. URL:
11. Статья «Этапы работы с проектом по разработке сайта в роли UI/UX, Web дизайнера». ЯндексДзен. [Электронный ресурс]. URL:
12. Цифровые технологии в дизайне. История, теория, практика: учебник и практикум для среднего профессионального образования / А. Н. Лаврентьев [и др.]; под редакцией А. Н. Лаврентьева. — 2-е изд., испр. и доп. — Москва: Издательство Юрайт, 2020. — 208 с. — (Профессиональное образование). — ISBN 978-5-534-11512-3. — Текст: электронный // ЭБС Юрайт [сайт]. — URL: